// 1. React 表单控制
// 1.2 非受控绑定
import React, { useRef } from "react";

function App() {
  const inputRef = useRef(null);

  const ButtonClick = () => {
    // 通过 ref 获取输入框的 DOM 元素
    const inputE = inputRef.current;
    if (inputE) {
      console.log("输入框的值是:", inputE.value);
    } else {
      console.log("无法获取输入框的 DOM 元素");
    }
  };

  return (
    <>
      <input type="text" placeholder="请输入内容" ref={inputRef} />
      <button onClick={ButtonClick}>获取dom元素</button>
    </>
  );
}

export default App;
